<!doctype html>
<html lang="en">
<head>
    <title>回车网络</title>
    <!-- 制定规则 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- SEO 搜索 -->
    <meta name="keywords" content="回车网络">
    <meta name="description" content="回车网络"/>
    <meta name="author" content="韩拓,高尹,欧阳宇,樊秋艳,李帅,汪显武,张喆铖">
    <meta name="copyright" content="本网站版权归西安回车网络科技有限公司所有">
    <!-- ICON 设置-->
    <link rel="shortcut icon"
          href="/style/images/icon.png">
    <link rel="apple-touch-icon"
          href="/style/images/icon.png">
    <link rel="apple-touch-icon" sizes="72*72"
          href="/style/images/icon.png">
    <link rel="apple-touch-icon" sizes="114*114"
          href="/style/images/icon.png">
    <!-- CSS -->
    <link rel="stylesheet" type="text/css"  href="/single/css/index.css">
    <link rel="stylesheet" type="text/css"  href="/style/css/swiper.min.css">
    <!-- JS -->
    <script type="text/javascript" src="/style/js/jquery.3.2.1.min.js"></script>
    <script type="text/javascript" src="/style/js/swiper.min.js"></script>
    <script type="text/javascript" src="/single/js/index.js"></script>
    <!-- 分享朋友圈代码 -->
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript">
    function WeChat(title,ShareLink,ShareImgUrl,desc,backUrl) {
        //微信配置
        wx.config({
            debug: false,
            appId: "{$signPackage['appId']}",                       //公众号的唯一标识
            timestamp: "{$signPackage['timestamp']}",               //生成签名的时间戳
            nonceStr: "{$signPackage['nonceStr']}",                 //生成签名的随机串
            signature: "{$signPackage['signature']}",               //签名
            jsApiList: [
                // 所有要调用的 API 都要加到这个列表中
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage'
            ]
        });
        
        wx.ready(function () {
            //获取"分享到朋友圈"按钮点击状态及分享内容接口
            wx.onMenuShareTimeline({
                title: title,
                link: ShareLink,
                desc:desc,
                imgUrl: ShareImgUrl,
                trigger: function (res) {
                    //alert('用户点击分享到朋友圈');
                },
                success: function (res) {
                    alert('已分享');
                    // window.location.href = backUrl;

                },
                cancel: function (res) {
                    alert('已取消');
                },
                fail: function (res) {
                    alert(JSON.stringify(res));
                }
            });

            //获取"分享给朋友"按钮点击状态及自定义分享内容接口
            wx.onMenuShareAppMessage({
                title: title, // 分享标题
                desc: desc, // 分享描述
                link:ShareLink,
                imgUrl:ShareImgUrl, // 分享图标
                success: function () {
                    // alert('已分享');
                    // window.location.href=backUrl;
                },
                cancel: function () {
                    return false;
                }
            });
        });
    }
    </script>

<script>
    WeChat(
        '{$info.sharetitle}',
            window.location.href,
        'https://luozhai.com/index/images/MOb.jpg',
            '{$info.sharedec}',
            window.location.href);
</script>
</head>
<body  
     data-building="{$info.name}"
     data-accountphone="{$accountInfo.telephone}"
     data-accountid="{$accountInfo.id}"
     data-words="{$words}" 
     data-origin="{$origin}">
   <header>
       <div class="img"></div>
       <!--<img src="/single/images/fangjin_logo .svg" alt="logo">-->
   </header>
   <div id="bg">
       <main>
           <div class="banner" style="background: url({$info.design_img|showMobImg}) no-repeat center center / 100% 100%">
               <div>
                   <h1>{$info.name}</h1>
                   <h2>{$info.slogan}</h2>
               </div>
           </div>
           <div class="details">
               {volist name='info.building_desc' id='vo'}
               <!--视频-->
               {if condition="$vo.role eq 'video'"}
               <div class="detail detail-1">
                   <section>
                       <p>
                             {$vo.title}
                       </p>
                       <i></i>
                   </section>
                   <div class="video">
                       <video controls="controls" src="{$vo.content}" poster="/style/images/video_img.jpg"></video>
                   </div>
                   <i></i>
               </div>
               <!--图文-->
               {elseif condition="$vo.role eq 'article'"/}
               <div class="detail detail-2">
                   <section>
                       <p>
                             {$vo.title}
                       </p>
                       <i></i>
                   </section>
                   <div>
                       <pre style="white-space:pre-wrap; word-wrap:break-word;">{$vo.content}</pre>
                       {volist name="vo['img']" id="img"}
                       <img src="{$img|showMobImg}" alt="">
                       {/volist}
                   </div>
                   <i></i>
               </div>
               <!--图集-->
               {elseif condition="$vo.role eq 'album'"/}
               <div class="detail detail-3 animation">
                   <section>
                       <p>{$vo.title}</p>
                       <i></i>
                   </section>
                   <div>
                       <div class="swiper-feature">
                           <div class="swiper">
                               <div class="swiper-container" id="swiper1">
                                   <div class="swiper-wrapper">
                                       {volist name="vo['img']" id="img"}
                                       <div class="swiper-slide"
                                            style="background:url({$img|showMobImg}) no-repeat center center / cover" >
                                       </div>
                                       {/volist}
                                   </div>
                                   <div class="swiper-pagination"></div>
                               </div>
                           </div>
                       </div>
                   </div>
                   <i></i>
               </div>
               <!--文字-->
               {elseif condition="$vo.role eq 'text'"/}
               <div class="detail detail-4 animation">
                   <section>
                       <p>{$vo.title}</p>
                       <i></i>
                   </section>
                   <pre style="white-space:pre-wrap; word-wrap:break-word;">{$vo.content}</pre>
                   <i></i>
               </div>
               <!--单图-->
               {else/}
               <div class="detail detail-2 animation">
                   <section>
                       <p>{$vo.title}</p>
                       <i></i>
                   </section>
                   <div>
                       {volist name="vo['img']" id="img"}
                       <img src="{$img|showMobImg}" alt="">
                       {/volist}
                   </div>
                   <i></i>
               </div>
               {/if}
               {/volist}
           </div>
       </main>
       <footer>
       <div class="form">
           <!-- <i></i> -->
           <section>
               <p>预约看房</p>
               <small>BOOKING HOUSE</small>
           </section>
           <input type="text" maxlength="8" placeholder="请输入姓名">
           <input type="tel" maxlength="11" placeholder="请输入电话">
           <input type="button" value="提交">
       </div>
       <div class="animation">
           <div>
               <ul>
                   <li>业务电话：02985795713 转 6</li>
                   <li>合作邮箱：enterlo@starstart.com</li>
                   <li>回车网址：www.enterlo.com</li>
                   <li>公司地址：西安市高新区中晶科技广场A座10层</li>
               </ul>
               <img src="/style/images/footer_logo.svg" alt="">
           </div>
       </div>
       <!--<p>©2017 StarStart.COM 辰启集团 荣誉出品 <br />  ICP证： 陕ICP备17000805号</p>-->
       <!--<i></i>-->
       <!--<b></b>-->
   </footer>
   </div>
   <div class="layer-aside">
    <a href="tel:{$telephone}" class="phone-400" >
        <i class="aside0"></i>
    </a>
       <!--<a href="http://put.zoosnet.net/LR/Chatpre.aspx?id=PUT46411304&lng=cn">-->
          <!--<i class="aside1" ></i>-->
       <!--</a>-->
       <i class="aside2"></i>
       <div class="layer-mask" style="display: none;">
           <div>
               <b onclick="$('.layer-mask').fadeOut()"></b>
               <div class="title">
                   <div style="margin-top: 10px;font-size: 16px">
                       <p>在线预约 免费看房</p>
                       <p>ONLINE BOOKING</p>
                   </div>
                   <div class="img"></div>
               </div>
               <div class="data">
                   <input type="text" maxlength="8" placeholder="请输入姓名">
                   <input type="tel" maxlength="11" placeholder="请输入电话" onkeyup="value=value.replace(/[^\d]/g,'')">
                   <input type="button" value="提交">
               </div>
           </div>
       </div>
   </div>
   <div class="layer-button">
       <a class="button1" href="javaScript:void(0)" onclick="$('.layer-mask').fadeIn()">
           <i></i>
           <span>预约看房</span>
       </a>
       <!--下面data-href填写后台上传电话号码 格式参考href-->
       <a class="button2" href="tel:{$telephone}" data-href = "tel:">
           <i></i>
           <span>电话咨询</span>
       </a>
   </div>
</body>
<script type="text/javascript">
    var swiper1 = new Swiper('.swiper-container', {
        autoplay: true, //可选选项，自动滑动
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    })
</script>
</html>